@charset "utf-8";
/**
 * Created by kroyo on 2017/12/5.
 * 自定义组件css
 * version  0.0.1
 */

@import 'mixincommon';


ul,li,input{
    margin: 0;
    padding: 0;
}
*{
    box-sizing: border-box;
}
ul{
    list-style: none;
}
input{
    border: none;
    -webkit-touch-callout: none;
}



//1.下拉列表
.kro-select-wrapper{
    position: relative;
    width: 200px;
    height: 40px;
    &.active{
        .kro-select-seloff{
            @include transformt(rotate(180deg));
        }
    }
}
.kro-select-input{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    @include borradius(2px);
    padding: 0 20px;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
}
.kro-select-seloff{
    position: absolute;
    top: 18px;
    right: 20px;
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(../img/seloff.png) no-repeat center;
    @include transitions(.4s);
}
.kro-select-listdown{
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    border: 1px solid $border-color;
    background-color: #ffffff;
    @include box_shadows(0,0,3px,0,rgba(0,0,0,.2));
    z-index: 1;
    .li{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #7a7a7a;
        padding-left: 10px;
        background-color: #ffffff;
        cursor: pointer;
        &:hover,&.selected{     
            background-color: #f2f2f2;
            color: $acolor;
        }
    }
}




